--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
tests/frontend/conversationScroll.test.js v4.6.0-rc.1 (dc200d15) Text, 4.83 KB
Tff7b72import Tb4b4b4{ Te6edf3describeTb4b4b4, Te6edf3itTb4b4b4, Te6edf3expect Tb4b4b4} Tff7b72from Ta5d6ff"vitest"Tb4b4b4;
Tff7b72import Tb4b4b4{
Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4,
Te6edf3isNearBottomTb4b4b4,
Te6edf3isScrollColumnReverseTb4b4b4,
Te6edf3maxScrollTopTb4b4b4,
Te6edf3scrollContainerToBottomTb4b4b4,
Te6edf3shouldLoadPreviousMessagesTb4b4b4,
Tb4b4b4} Tff7b72from Ta5d6ff"@/components/messages/conversationScroll.js"Tb4b4b4;
Tff7b72function Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{ Te6edf3reverseTb4b4b4, Te6edf3scrollTopTb4b4b4, Te6edf3scrollHeightTb4b4b4, Te6edf3clientHeight Tb4b4b4}Tb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3outer Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3inner Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3reverseTb4b4b4) Tb4b4b4{
Te6edf3innerTb4b4b4.Te6edf3styleTb4b4b4.Te6edf3flexDirection Tff7b72= Ta5d6ff"column-reverse"Tb4b4b4;
Tb4b4b4} Tff7b72else Tb4b4b4{
Te6edf3innerTb4b4b4.Te6edf3styleTb4b4b4.Te6edf3flexDirection Tff7b72= Ta5d6ff"column"Tb4b4b4;
Tb4b4b4}
Te6edf3outerTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3innerTb4b4b4)Tb4b4b4;
Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3outerTb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3outerTb4b4b4, Ta5d6ff"scrollHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: Te6edf3scrollHeightTb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3outerTb4b4b4, Ta5d6ff"clientHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: Te6edf3clientHeightTb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3outerTb4b4b4.Te6edf3scrollTop Tff7b72= Te6edf3scrollTopTb4b4b4;
Tff7b72return Te6edf3outerTb4b4b4;
Tb4b4b4}
Te6edf3describeTb4b4b4(Ta5d6ff"conversationScroll.js"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Te6edf3itTb4b4b4(Ta5d6ff"maxScrollTop uses clientHeight"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3elTb4b4b4, Ta5d6ff"scrollHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: T79c0ff500Tb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3elTb4b4b4, Ta5d6ff"clientHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: T79c0ff100Tb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3maxScrollTopTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff400Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"isNearBottom for column-reverse uses small scrollTop"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff3Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isScrollColumnReverseTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isNearBottomTb4b4b4(Te6edf3elTb4b4b4, Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff2000Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isNearBottomTb4b4b4(Te6edf3elTb4b4b4, Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"isNearBottom for normal column uses distance from max scrollTop"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72falseTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff392Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff500Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isScrollColumnReverseTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isNearBottomTb4b4b4(Te6edf3elTb4b4b4, Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff0Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isNearBottomTb4b4b4(Te6edf3elTb4b4b4, Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"isNearBottom tolerates fractional scroll metrics (normal column)"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3inner Tff7b72= Tffa657documentTb4b4b4.Te6edf3createElementTb4b4b4(Ta5d6ff"div"Tb4b4b4)Tb4b4b4;
Te6edf3innerTb4b4b4.Te6edf3styleTb4b4b4.Te6edf3flexDirection Tff7b72= Ta5d6ff"column"Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3innerTb4b4b4)Tb4b4b4;
Tffa657documentTb4b4b4.Te6edf3bodyTb4b4b4.Te6edf3appendChildTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3elTb4b4b4, Ta5d6ff"scrollHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: T79c0ff500.4Tb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tffa657ObjectTb4b4b4.Te6edf3definePropertyTb4b4b4(Te6edf3elTb4b4b4, Ta5d6ff"clientHeight"Tb4b4b4, Tb4b4b4{ Te6edf3valueTff7b72: T79c0ff100.2Tb4b4b4, Te6edf3configurableTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff400.19Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3isNearBottomTb4b4b4(Te6edf3elTb4b4b4, Te6edf3SCROLL_BOTTOM_EPS_PXTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"scrollContainerToBottom sets scrollTop for column-reverse"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff300Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff800Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3scrollContainerToBottomTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3elTb4b4b4.Te6edf3scrollTopTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff0Tb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"scrollContainerToBottom sets scrollTop to max for normal column"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72falseTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff0Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff600Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3scrollContainerToBottomTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3elTb4b4b4.Te6edf3scrollTopTb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff500Tb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"shouldLoadPreviousMessages mirrors edge for column-reverse"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff4450Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3shouldLoadPreviousMessagesTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff0Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3shouldLoadPreviousMessagesTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"shouldLoadPreviousMessages is false at visual bottom for short column-reverse threads"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72trueTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff0Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff300Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3maxScrollTopTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(T79c0ff200Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3shouldLoadPreviousMessagesTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3itTb4b4b4(Ta5d6ff"shouldLoadPreviousMessages uses scrollTop for normal column"Tb4b4b4, Tb4b4b4(Tb4b4b4) Tb4b4b4=> Tb4b4b4{
Tff7b72const Te6edf3el Tff7b72= Te6edf3makeScrollContainerTb4b4b4(Tb4b4b4{
Te6edf3reverseTff7b72: Tff7b72falseTb4b4b4,
Te6edf3scrollTopTff7b72: T79c0ff100Tb4b4b4,
Te6edf3scrollHeightTff7b72: T79c0ff5000Tb4b4b4,
Te6edf3clientHeightTff7b72: T79c0ff100Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3shouldLoadPreviousMessagesTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72trueTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3scrollTop Tff7b72= T79c0ff2000Tb4b4b4;
Te6edf3expectTb4b4b4(Te6edf3shouldLoadPreviousMessagesTb4b4b4(Te6edf3elTb4b4b4)Tb4b4b4)Tb4b4b4.Te6edf3toBeTb4b4b4(Tff7b72falseTb4b4b4)Tb4b4b4;
Te6edf3elTb4b4b4.Te6edf3removeTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4)Tb4b4b4;
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────